<?php
// Yii::app()->clientScript->scriptMap['jquery.js'] = false;
Util::tsRegisterAssetJs('maestro.js');
?>
<?php
/** @var CartaAlimentosController $this */
/** @var CartaAlimentos $model */
/** @var AweActiveForm $form */
$form = $this->beginWidget('ext.AweCrud.components.AweActiveForm', array(
    'id' => 'carta-alimentos-form',
    'enableAjaxValidation' => true,
    'enableClientValidation' => false,
        ));
?>
<div class="row-fluid sortable span9">
    <div class="box">
        <div class="box-header well" data-original-title>
            <h2>
                <?php echo CartaAlimentos::label() ?>  
            </h2>
            <div class="box-icon">
                <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i> </a> 
            </div>
        </div>

        <div class="box-content">
            <p class="note">
                <?php echo Yii::t('AweCrud.app', 'Fields with') ?> <span class="required">*</span>
                <?php echo Yii::t('AweCrud.app', 'are required') ?>.    </p>

            <?php echo $form->errorSummary($model) ?>
            <div class="row-fluid" >
                <div class="span5">
                    <?php echo $form->dropDownListRow($model, 'tipomenu', array('' => ' -- Seleccione -- ') + CHtml::listData(TipoCarta::model()->findAll(), 'id', CartaNutricional::representingColumn())) ?>
                </div>
                <div class="span5" id="edad">
                    <?php echo $form->dropDownListRow($model, 'edad', array('' => ' -- Seleccione -- ', 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5)) ?>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span5">
                    <?php
                    ?>
                </div>
            </div>
            <?php $this->endWidget(); ?>
            <?php
            $this->widget('ext.Truulo.TruuloModuleSearch', array(
                'model' => $submodel,
                'grid_id' => 'alimentos_menu-grid',
//                'id' => 'aol',
//                'idList'=>'alimentos_menu-grid',
            ));
            ?>
            <div class="row-fluid">
                <div class="span8">
                    <div style="overflow:scroll;height:700px;">
                        <?php
                        $this->widget('ext.selgridview.BootSelGridView', array(
//                        $this->widget('bootstrap.widgets.TbGridView', array(
                            'id' => 'alimentos_menu-grid',
                            'type' => 'striped bordered hover advance',
//                            "template" => "{items}{summary}{pager}",
                            'selectableRows' => 2,
                            'dataProvider' => $submodel->search(),
                            'columns' => array(
                                array(
                                    'name' => 'id_alimentosmenu',
                                    'id' => 'check',
                                    'class' => 'CCheckBoxColumn',
                                    'value' => '$data->id',
                                ),
                                'nombre',
                                'descripcion',
                                array(
                                    'name' => 'categoria_id',
                                    'value' => 'isset($data->categoria) ? $data->categoria : null',
                                ),
                                array(
                                    'name' => 'subcategoria_id',
                                    'value' => 'isset($data->subcategoria) ? $data->subcategoria : null',
                                ),
                                array(
                                    'class' => 'bootstrap.widgets.TbButtonColumn',
//                                    'class' => 'CButtonColumn',
                                    'template' => '{cosa}',
                                    'buttons' => array(
                                        'cosa' => array('label' => '<button class="btn btn-info"><i class=" icon-folder-open"></i></button>',
                                            'options' => array(
                                                'title' => 'Valores nutricionales',
                                                "id" => '$data->id',
                                            ),
//                                            'label'=>'Ver V.L',
//                                            'imageUrl' => false,
//                                            'dato' => '$data->id',
                                            'type' => 'raw',
//                                            'click' => "js: function() {busquedaValoresNutri('Sdata->id'); }",
//                                            $("input:submit").click(function() { return false; });
                                            'click' => 'js: function(e) { e.preventDefault();busquedaValoresNutri($(this).attr("id"));}',
                                        ),
                                    ),
                                    'htmlOptions' => array(
                                        'width' => '60'
                                    ),
                                ),
//                    TODO que cuando de click en un alimento aparescan los val nutricionales 
//                    o que el grid tenga una barra desplazadora para visualizar los val nutricionales
                            ),
                        ));
                        ?>
                    </div>
                </div>
                <div id="valoresNutricionales" class="span4">
                    <div style="overflow:scroll;height:700px; width: 350px;">
                        <table class="items table table-striped table-bordered table-hover table-advance">
                            <tr><th>Compuestos</th><th>Cantidad</th></tr>
                            <tbody id="cuerpoTable"></tbody>
                        </table>
                    </div>
                </div>
            </div>
<?php //  $this->widget('bootstrap.widgets.TbGridView', array()); ?>
            <div class="span-1"></div>
            <div class="row-fluid">
                <div>
                    <!--<div class="overflow">-->
                    <table class="items table table-striped table-bordered table-hover table-advance">
                        <tr><th>Alimento</th><th>Descripcion</th></tr>
                        <tbody id="cuerpoTable"></tbody>
                    </table>
                    <!--</div>-->
                </div>
            </div>
            <div class="span12">
                <!-- Js para calcular si los aliemntos para el menu estan en el rango permitido-->
                <button id="btnIngresas">Ingresar Alimentos al menú</button>
            </div>
            <div class="span12">
                <!-- Js para calcular si los aliemntos para el menu estan en el rango permitido-->
                <a href="#" id="btn-calcular" role="button" class="btn btn-success">Calcular</a>
            </div>
            <!--TODO: 
            una vez que el calculo sea correcto debe aparecer un campo para el nombre del menu y otro campo para la descripcion
            --> 
            <div class="form-actions span12">
<?php
//                $this->widget('bootstrap.widgets.TbButton', array(
//                    'buttonType' => 'submit',
//                    'type' => 'primary',
//                    'label' => $model->isNewRecord ? Yii::t('AweCrud.app', 'Create') : Yii::t('AweCrud.app', 'Save'),
//                ));
?>
                <?php
//                $this->widget('bootstrap.widgets.TbButton', array(
//                    //'buttonType'=>'submit',
//                    'label' => Yii::t('AweCrud.app', 'Cancel'),
//                    'htmlOptions' => array('onclick' => 'javascript:history.go(-1)')
//                ));
                ?>
            </div>
        </div>
    </div>
</div>